<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.css" rel="stylesheet" />
		<script type="text/javascript" src="js/url.js"></script>
		<script src="js/mui.js"></script>
		<script type="text/javascript">
			mui.init();
			mui.plusReady(function() {
				var cpage = plus.webview.currentWebview();
				var oid = cpage.oid;
				document.getElementById("orderid").innerHTML = oid;

				//点击支付
				document.getElementById("payBtn").addEventListener("tap", function() {

					//去支付
					location.href = url.alipay + "?oid=" + oid;

				});
			});
		</script>
	</head>
	<header class="mui-bar mui-bar-nav" style="background-color: white;">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: black;"></a>
		<h1 class="mui-title" style="color: black;">支付页面</h1>
	</header>

	<div style="text-align: center;">
		<h1 style="margin-top: 100px; font-size: 50px; color: green;">下单成功!!</h1>
		<div style="margin-top: 20px;">
			订单号：<span id="orderid" style="color: royalblue;"></span>
		</div>
	</div>

	<ul class="mui-table-view" style="margin-top: 50px;">
		<li class="mui-table-view-cell mui-media">
			<a href="javascript:;">
				<img class="mui-media-object mui-pull-left" src="images/1.jpg">
				<div class="mui-media-body" style="line-height: 45px;">
					支付宝
				</div>
			</a>
			<input name="payType" type="radio" class="mui-btn" value="1" checked />
		</li>
		<li class="mui-table-view-cell mui-media">
			<a href="javascript:;">
				<img class="mui-media-object mui-pull-left" src="images/2.jpg">
				<div class="mui-media-body" style="line-height: 45px;">
					微信
				</div>
			</a>
			<input name="payType" type="radio" class="mui-btn" value="2" />
		</li>
		<li class="mui-table-view-cell mui-media">
			<a href="javascript:;">
				<img class="mui-media-object mui-pull-left" src="images/4.jpg">
				<div class="mui-media-body" style="line-height: 45px;">
					云闪付
				</div>
			</a>
			<input name="payType" type="radio" class="mui-btn" value="3" />
		</li>
	</ul>

	<div style="text-align: center;">
		<button id="payBtn" type="button" class="mui-btn-green" style="font-size: 20px; margin-top: 20px; width: 80%;">去支付</button>
	</div>
	<body>

	</body>

</html>
